<template>
    <div class="nationwide-box">
        <div class="text-box">
            <span class="title-text" @click="clickReturn">{{mapTitle}}</span>
        </div>
        <div class="icon-box">
            <div>
                <div class="icon-wrap-care">
                    <div id="icon-home">
                        <CountUp :duration="1.5" :end-val=currentData.careInstitution style="color: #0E8BFF;"></CountUp>
                    </div>
                    <div>养老机构(家)</div>
                </div>

            </div>

            <div>
                <div class="icon-wrap-point">
                    <div id="icon-point">
                        <CountUp :duration="1.5" :end-val=currentData.serverSite style="color: #1CDBFE;"></CountUp>
                    </div>
                    <div>服务站点(个)</div>
                </div>

            </div>

            <div>
                <div class="icon-wrap-oldman">
                    <div id="icon-oldman">
                        <CountUp :duration="1.5" :end-val=currentData.serverOld style="color: #FB9A44;"></CountUp>
                    </div>
                    <div>服务老人(名)</div>
                </div>
            </div>

            <div>
                <div class="icon-wrap-server">
                    <div id="icon-server">
                        <CountUp :duration="1.5" :end-val=currentData.serverWorker style="color: #E4C431;"></CountUp>
                    </div>
                    <div>服务人员(名)</div>
                </div>
            </div>

            <div>
                <div class="icon-wrap-order">
                    <div id="icon-order" style="">
                        <CountUp :duration="1.5" :end-val=currentData.serverOrder style="color: #0DDE9C;"></CountUp>
                    </div>
                    <div>服务工单(百单)</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 地图 -->
    <div class="map-box">
        <!-- <div class="return-btn" @click="clickReturn">返回</div> -->
        <div id="map" ref="map"></div>
    </div>
</template>

<script>
import * as echarts from "echarts"
import cityMap from "../../../plugins/city.js"
import chinaMap from "../../../assets/mapData/china.json"
import CountUp from 'vue-countup-v3'

export default {
    components:{
     CountUp
   },
    data(){
        return {
            mapTitle:"全国数据",
            mapdom:null,
            currentData:{
                careInstitution:15,
                serverSite:1388,
                serverOld:1337633,
                serverWorker:8063,
                serverOrder:8890
            },

            jiangsuData:[
                {
                    data:{
                        name:"2021",
                        careInstitution:4,
                        serverSite:98,
                        serverOld:185706,
                        serverWorker:2447,
                        serverOrder:5999.83
                    },
                },

            ],
            suzhouData:[
                {
                    data:{
                        name:"2024",
                        careInstitution:1,
                        serverSite:52,
                        serverOld:143092,
                        serverWorker:1226,
                        serverOrder:4347.37
                    },
                },

            ],
          wuxiData:[
            {
              data:{
                name:"2024",
                careInstitution:1,
                serverSite:10,
                serverOld:19320,
                serverWorker:191,
                serverOrder:7059.54
              },
            },
          ],
          zhenjiangData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:5,
                serverOld:2624,
                serverWorker:42,
                serverOrder:42.28
              },
            },
          ],
          yangzhouData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:4,
                serverOld:12366,
                serverWorker:11,
                serverOrder:571
              },
            },
          ],
          lianyungangData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:11,
                serverOld:3823,
                serverWorker:27,
                serverOrder:0
              },
            },
          ],
          xuzhouData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:16,
                serverOld:4265,
                serverWorker:914,
                serverOrder:329.64
              },
            },
          ],
          zhejiangData:[
            {
              data:{
                name:"2024",
                careInstitution:4,
                serverSite:325,
                serverOld:142046,
                serverWorker:1225,
                serverOrder:2217.72
              },
            },

          ],
          huzhouData:[
            {
              data:{
                name:"2024",
                careInstitution:3,
                serverSite:296,
                serverOld:71913,
                serverWorker:1126,
                serverOrder:1872.13
              },
            },

          ],
          hangzhouData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:3,
                serverOld:1219,
                serverWorker:25,
                serverOrder:88.54
              },
            },

          ],
          shaoxingData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:4,
                serverOld:503,
                serverWorker:36,
                serverOrder:78.6
              },
            },

          ],
          lishuiData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:3,
                serverOld:257,
                serverWorker:16,
                serverOrder:137
              },
            },

          ],
          jinhuaData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:1,
                serverOld:4070,
                serverWorker:11,
                serverOrder:40.7
              },
            },

          ],
          taizhouData:[
            {
              data:{
                name:"2024",
                careInstitution:1,
                serverSite:16,
                serverOld:63384,
                serverWorker:5,
                serverOrder:1
              },
            },

          ],
          zhoushanData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:2,
                serverOld:700,
                serverWorker:6,
                serverOrder:0
              },
            },

          ],
          shanghaiData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:1,
                serverOld:63,
                serverWorker:238,
                serverOrder:301.56
              },
            },

          ],
          shandongData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:1,
                serverOld:6,
                serverWorker:226,
                serverOrder:65.84
              },
            },

          ],
          jiningData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:1,
                serverOld:6,
                serverWorker:226,
                serverOrder:65.84
              },
            },

          ],
          anhuiData:[
            {
              data:{
                name:"2024",
                careInstitution:3,
                serverSite:13,
                serverOld:9592,
                serverWorker:147,
                serverOrder:305
              },
            },

          ],
          hefeiData:[
            {
              data:{
                name:"2024",
                careInstitution:2,
                serverSite:1,
                serverOld:677,
                serverWorker:16,
                serverOrder:101.31
              },
            },

          ],
          huangsanData:[
            {
              data:{
                name:"2024",
                careInstitution:1,
                serverSite:1,
                serverOld:665,
                serverWorker:5,
                serverOrder:7
              },
            },

          ],
          wuhuData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:9,
                serverOld:5016,
                serverWorker:14,
                serverOrder:26
              },
            },

          ],
          xuanchengData:[
            {
              data:{
                name:"2024",
                careInstitution:0,
                serverSite:2,
                serverOld:3224,
                serverWorker:112,
                serverOrder:171
              },
            },

          ],
          rudongData:[
            {
              data:{
                name:"2024",
                careInstitution:2,
                serverSite:0,
                serverOld:198,
                serverWorker:0,
                serverOrder:0
              },
            },

          ],

        }
    },
    mounted(){
        // 拿到dom
        this.mapdom=document.querySelector("#map")
        this.initChina()
     },
    methods:{
        // 初始化中国地图
        initChina(){
          // if(mapEchart){
          //   mapEchart.dispose()
          // }
            const mapEchart=echarts.init(this.mapdom)
            this.renderMap("china",chinaMap,mapEchart)


        },
        // 返回
        clickReturn(){
             this.currentData={
               careInstitution:11,
               serverSite:438,
               serverOld:337633,
               serverWorker:4063,
               serverOrder:8890
             }
            this.initChina()
        },
        // 渲染
        renderMap(name,jsonData,myMap){
          console.log('222222222',name,jsonData,myMap)
            let that=this
            // 点击的是江苏省

            if(name=="江苏"){
                that.currentData=that.jiangsuData[0].data
                that.mapTitle="江苏省"
                // 重新注册地图
                echarts.registerMap(name,jsonData)
                const options={
                                timeline: {
                                    data: ["2021"],//时间数据
                                    axisType: "category",//时间轴的类型
                                    autoPlay: false,//是否自动播放
                                    playInterval: 4000,//间隔3秒跳下一个节点
                                    left: "20%",//距离容器左边
                                    right: "20%",
                                    bottom: "2%",
                                    progress:{
                                        label:{//滑过后文字颜色
                                            color:"#fff"
                                        }
                                    },
                                    label: {
                                        color: "#4FA6F7",//默认文字颜色
                                    },

                                    // 悬浮时样式
                                    emphasis: {
                                        label: {
                                            color: "#05D5FF"
                                        },
                                        itemStyle: {//每个节点
                                            color: "#fff"
                                        },
                                        controlStyle: {
                                            color: "#fff",
                                            borderColor: "#fff"
                                        }
                                    },
                                    // 时间轴每个节点
                                    itemStyle: {
                                        color: "#05D5FF"
                                    },
                                    symbolSize: 10,
                                    lineStyle: {
                                        color: "#fff"
                                    },
                                    // 移动到当前项的样式
                                    checkpointStyle: {
                                        color: "#05D5FF",
                                        borderColor: "#fff",
                                        borderWidth: 2,
                                    },
                                    // 控制按钮
                                    controlStyle: {
                                        showPlayBtn: true,
                                        showPrevBtn: true,
                                        showNextBtn: true,
                                        // 默认颜色
                                        color: "#05D5FF",
                                        borderColor: "#05D5FF"
                                    }
                                },
                                geo: {
                                    emphasis: {
                                        itemStyle: {
                                            color: "#00a8ff",
                                        },
                                        focus: "self",
                                        label: {
                                            show: true,
                                            color: "#fff",
                                        }
                                    },
                                    layoutCenter: ['35%', '45%'],
                                    layoutSize: 450,
                                    show: true,
                                    map: name,
                                    roam: false,
                                    zoom: 0.8,

                                    itemStyle: {
                                        borderColor: "#30AED4",
                                        borderWidth: 2,
                                        areaColor: "rgba(4,11,61,1)"
                                    },
                                    label: {
                                        show: true,
                                        color: "#fff",
                                        position: ['50%', '50%'],
                                    },
                                    // 特定区域设置颜色
                                    regions:[
                                        {
                                            name:"上海市",
                                            itemStyle:{
                                                areaColor:"#30AED4",
                                                color:"white"
                                            }
                                        },
                                        {
                                            name:"江苏省",
                                            itemStyle:{
                                                areaColor:"#30AED4",
                                            }
                                        },
                                        {
                                            name:"安徽省",
                                            itemStyle:{
                                                areaColor:"#30AED4",
                                            }
                                        },
                                        {
                                            name:"浙江省",
                                            itemStyle:{
                                                areaColor:"#30AED4",
                                            }
                                        },
                                        {
                                            name:"山东省",
                                            itemStyle:{
                                                areaColor:"#30AED4",
                                            }
                                        },
                                    ]

                                },
                                grid: {
                                    show: false,
                                    top: "10%",
                                    // left:"10%",
                                    right: "5%",
                                    bottom: "15%",
                                    width: "30%",
                                    containLabel: true
                                },
                                xAxis: {
                                    splitLine: {
                                        show: false
                                    },
                                    max: (value) => {
                                        return value.max * 1.2
                                    },
                                    show: true,
                                    type: "value",
                                    position: "top",
                                    scale: true,
                                    axisLine: {
                                        show: true,
                                        lineStyle: {
                                            color: "#151952"
                                        }
                                    },
                                    axisTick: {
                                        show: false
                                    },
                                    axisLabel: {
                                        color: "#4FA6F7",
                                        margin: 8,
                                        show: true
                                    },
                                    data: ["23", "45", "69", "90", "34"]
                                },
                                yAxis: {
                                    show: true,
                                    inverse:true,
                                    type: "category",
                                    axisLine: {
                                        show: false,
                                        lineStyle: {
                                            color: "#151952"
                                        }
                                    },
                                    axisTick: {
                                        show: false
                                    },
                                    axisLabel: {
                                        show: true,
                                        interval: 0,
                                        color: "#4FA6F7",
                                        margin: 10
                                    },
                                    data: ["苏州市", "无锡市", "常州市", "徐州市", "南京市","南通市","泰州市","扬州市","盐城市","淮安市","宿迁市","镇江市","连云港市"]

                                },
                                series: [
                                    //系列一 条形图核心数据
                                    {
                                        type: "bar",
                                        zlevel: 1.5,
                                        barWidth: "15",
                                        itemStyle: {
                                            borderRadius: [0, 10, 10, 0],
                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                {
                                                    offset:0,
                                                    color:"rgba(20,36,99,0.1)"
                                                },
                                                {
                                                    offset:1,
                                                    color:"rgba(20,36,99,1)"
                                                }
                                            ])
                                        },
                                        showBackground: true,
                                        label: {
                                            show: true,
                                            color: "#fff",
                                            position: "right"
                                        },

                                    },

                                ],
                                options: [
                                    // 2021年数据
                                    {
                                        title: {
                                            right: "100px",
                                            text: "2024年服务总工时(百小时)",
                                            textStyle: {
                                                color: "#4FA6F7"
                                            }
                                        },
                                        series: [
                                            // 系列一的数据-条形
                                            {
                                                data: [
                                                    {
                                                        value: 9894.34,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 1257.19,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 0,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 442.96,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 0,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 0,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 0,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 571,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 0,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 0,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 0,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 72.3,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 0,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                ],

                                            },
                                            // 系列二的数据-散点
                                            {
                                                data: [
                                                    { name: '苏州', value: [120.679907,31.160037, 140] },
                                                    { name: '无锡', value: [120.418617,31.582273, 100] },
                                                    { name: '徐州', value: [117.189389,34.304562, 100] },
                                                    { name: '扬州', value: [119.418848,32.397506, 100] },
                                                    { name: '连云港', value: [119.047525,34.463075, 100] },
                                                    { name: '镇江', value: [119.366099,32.077551, 100] },
                                                    { name: '南通', value: [121.047928, 32.182334, 50] },

                                                ]
                                            }


                                        ]
                                    },

                                ]

                            }
                myMap.setOption(options)
                // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.jiangsuData[0].data
            //     }else if(index==1){
            //         that.currentData=that.jiangsuData[1].data
            //
            //     }else{
            //         that.currentData=that.jiangsuData[2].data
            //     }
            // })

                return
            }
            if(name=="苏州市"){
                that.currentData=that.suzhouData[0].data
                that.mapTitle="苏州市"
                // 重新注册地图
                echarts.registerMap(name,jsonData)
                const options={
                                timeline: {
                                    data: ["2021", "2022", "2023"],//时间数据
                                    axisType: "category",//时间轴的类型
                                    autoPlay: true,//是否自动播放
                                    playInterval: 4000,//间隔3秒跳下一个节点
                                    left: "20%",//距离容器左边
                                    right: "20%",
                                    bottom: "2%",
                                    progress:{
                                        label:{//滑过后文字颜色
                                            color:"#fff"
                                        }
                                    },
                                    label: {
                                        color: "#4FA6F7",//默认文字颜色
                                    },
                                    // 悬浮时样式
                                    emphasis: {
                                        label: {
                                            color: "#05D5FF"
                                        },
                                        itemStyle: {//每个节点
                                            color: "#fff"
                                        },
                                        controlStyle: {
                                            color: "#fff",
                                            borderColor: "#fff"
                                        }
                                    },
                                    // 时间轴每个节点
                                    itemStyle: {
                                        color: "#05D5FF"
                                    },
                                    symbolSize: 10,
                                    lineStyle: {
                                        color: "#fff"
                                    },
                                    // 移动到当前项的样式
                                    checkpointStyle: {
                                        color: "#05D5FF",
                                        borderColor: "#fff",
                                        borderWidth: 2,
                                    },
                                    // 控制按钮
                                    controlStyle: {
                                        showPlayBtn: true,
                                        showPrevBtn: true,
                                        showNextBtn: true,
                                        // 默认颜色
                                        color: "#05D5FF",
                                        borderColor: "#05D5FF"
                                    }
                                },
                                geo: {
                                    emphasis: {
                                        itemStyle: {
                                            color: "#00a8ff",
                                        },
                                        focus: "self",
                                        label: {
                                            show: true,
                                            color: "#fff",
                                        }
                                    },
                                    layoutCenter: ['35%', '45%'],
                                    layoutSize: 450,
                                    // left:"3%",
                                    // top:"-18%",
                                    // width:"80%",
                                    show: true,
                                    map: name,
                                    roam: false,
                                    zoom: 0.8,
                                    // center: [113.83531246, 34.0267395887],
                                    // center: [104.195397, 35.86166],
                                    // center: [119.238684,33.800455],
                                    itemStyle: {
                                        borderColor: "#30AED4",
                                        borderWidth: 2,
                                        areaColor: "rgba(4,11,61,1)"
                                    },
                                    label: {
                                        show: true,
                                        color: "#fff",
                                        position: ['50%', '50%'],
                                    },

                                },
                                grid: {
                                    show: false,
                                    top: "10%",
                                    // left:"10%",
                                    right: "5%",
                                    bottom: "15%",
                                    width: "30%",
                                    containLabel: true
                                },
                                xAxis: {
                                    type: "value",
                                    splitLine: {
                                        show: false
                                    },
                                    max: (value) => {
                                        return value.max * 1.2
                                    },
                                    show: true,
                                    position: "top",
                                    scale: true,
                                    axisLine: {
                                        show: true,
                                        lineStyle: {
                                            color: "#151952"
                                        }
                                    },
                                    axisTick: {
                                        show: false
                                    },
                                    axisLabel: {
                                        color: "#4FA6F7",
                                        margin: 8,
                                        show: true
                                    },
                                    // data: ["23", "45", "69", "90", "34"]
                                },
                                yAxis: {
                                    type: "category",
                                    show: true,
                                    inverse:true,
                                    axisLine: {
                                        show: false,
                                        lineStyle: {
                                            color: "#151952"
                                        }
                                    },
                                    axisTick: {
                                        show: false
                                    },
                                    axisLabel: {
                                        show: true,
                                        interval: 0,
                                        color: "#4FA6F7",
                                        margin: 10
                                    },
                                    data: ["吴江区", "相城区", "吴中区", "姑苏区", "虎丘区","昆山市","太仓市","张家港市","常熟市"]

                                },
                                series: [
                                    //系列一 条形图核心数据
                                    {
                                        type: "bar",
                                        zlevel: 1.5,
                                        barWidth: "15",
                                        itemStyle: {
                                            borderRadius: [0, 10, 10, 0],
                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                {
                                                    offset:0,
                                                    color:"rgba(20,36,99,0.1)"
                                                },
                                                {
                                                    offset:1,
                                                    color:"rgba(20,36,99,1)"
                                                }
                                            ])
                                        },
                                        // itemStyle: {
                                        //     color: "#05D5FF",
                                        //     borderRadius: 0,
                                        //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                                        //     shadowBlur: 10
                                        // },
                                        showBackground: true,
                                        label: {
                                            show: true,
                                            color: "#fff",
                                            position: "right"
                                        },

                                    },
                                    // 系统二 散点图核心数据
                                    // {
                                    //     type: "effectScatter",
                                    //     coordinateSystem: "geo",
                                    //     effectType: "ripple",
                                    //     showEffectOn: "render",
                                    //     rippleEffect: {
                                    //         brushType: "stroke"
                                    //     },
                                    //     // label: {
                                    //     //     show: true,
                                    //     //     position: "inside",
                                    //     //     formatter: "{b}"
                                    //     // },
                                    //     itemStyle: {
                                    //         color: "#E4C431",
                                    //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                                    //         shadowBlur: 10,

                                    //     },
                                    //     symbolSize: (val) => {
                                    //         return val[2] / 10
                                    //     },

                                    // }


                                ],
                                options: [
                                    // 2021年数据
                                    {
                                        title: {
                                            right: "100px",
                                            text: "2024年服务总工时(百小时)",
                                            textStyle: {
                                                color: "#4FA6F7"
                                            }
                                        },
                                        series: [
                                            // 系列一的数据-条形
                                            {
                                                data: [
                                                    {
                                                        value: 1310.72,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 724,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 872,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 0,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 0,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 1164.8,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 2780.2,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 0,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },
                                                    {
                                                        value: 3043,
                                                        itemStyle: {
                                                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                                {
                                                                    offset:0,
                                                                    color:"rgba(20,36,99,1)"
                                                                },
                                                                {
                                                                    offset:1,
                                                                    color:"rgba(14,139,255,1)"
                                                                }
                                                            ])
                                                        }
                                                    },



                                                ],

                                            },
                                            // 系列二的数据-散点
                                            {
                                                data: [
                                                    { name: '吴江区', value: [120.649477,30.980257, 100] },
                                                    { name: '相城区', value: [120.645116,31.443477, 100] },
                                                    { name: '吴中区', value: [120.3017,31.138616, 100] },
                                                    // { name: '姑苏区', value: [120.596437,31.311479, 100] },
                                                    // { name: '虎丘区', value: [120.47159,31.345436, 100] },
                                                    { name: '昆山市', value: [120.958687,31.35734, 100] },
                                                    { name: '太仓市', value: [121.190195,31.551141, 150] },
                                                    { name: '常熟市', value: [120.850817,31.637012, 200] },

                                                ]
                                            }


                                        ]
                                    },
                                    // 2022年数据

                                ]

                            }
                myMap.setOption(options)
                // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
                return

            }
            if(name=="无锡市"){
            that.currentData=that.wuxiData[0].data
            that.mapTitle="无锡市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["江阴市", "惠山区", "锡山区", "梁溪区", "新吴区","昆山市","滨湖区","宜兴区"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:1257.19,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },




                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: '锡山区', value: [120.482864, 31.624824, 200] },

                      ]
                    }


                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
            if(name=="镇江市"){
            that.currentData=that.zhenjiangData[0].data
            that.mapTitle="镇江市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["扬中市", "京口区", "润州区", "丹徒区", "丹阳市","句容市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 72.34,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },





                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: '京口区', value: [119.636307, 32.184713, 100] },

                      ]
                    }


                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
            if(name=="扬州市"){
            that.currentData=that.yangzhouData[0].data
            that.mapTitle="扬州市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["宝应县", "高邮市", "江都区", "邗江区", "广陵区","仪征市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 571,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },





                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: '高邮市', value: [119.503615, 32.828795, 100] },

                      ]
                    }


                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
            if(name=="连云港市"){
            that.currentData=that.lianyungangData[0].data
            that.mapTitle="连云港市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["连云区", "海州区", "赣榆区", "东海县", "灌云县","灌南县"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },





                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: '灌南县', value:  [119.441723, 34.170652, 100] },

                      ]
                    }


                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
            if(name=="徐州市"){
            that.currentData=that.xuzhouData[0].data
            that.mapTitle="徐州市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["鼓楼区", "云龙区", "贾汪区", "泉山区", "铜山区","丰县","沛县","睢宁县","新沂市","'邳州市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 217.96,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 225,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },





                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: '沛县', value:  [116.89743, 34.695157, 50] },
                        { name: '邳州市', value:   [117.894633, 34.394653, 100] },
                        { name: '铜山区', value:  [117.183894, 34.19288, 100] },
                        { name: '新沂市', value:  [118.340051, 34.280354, 50] },

                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
            if(name=="南通市"){
            that.currentData=that.rudongData[0].data
            that.mapTitle="南通市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["崇川区", "通州区", "如东县", "启东市", "如皋市","海门区","海安市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },








                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: '如东县', value:  [121.090594, 32.387351, 50] },


                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }

            if(name=="浙江"){
            that.currentData=that.zhejiangData[0].data
            that.mapTitle="浙江省"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: false,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },

                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,

                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },
                // 特定区域设置颜色
                regions:[
                  {
                    name:"上海市",
                    itemStyle:{
                      areaColor:"#30AED4",
                      color:"white"
                    }
                  },
                  {
                    name:"江苏省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"安徽省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"浙江省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"山东省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                ]

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                type: "value",
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                show: true,
                inverse:true,
                type: "category",
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["湖州市", "嘉兴市", "杭州市", "绍兴市", "宁波市","舟山市","衢州市","金华市","台州市","丽水市","温州市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },

              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 6614.8,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 8069.85,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 118.66,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 123.1,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 11.2,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 515.16,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },

                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [
                        { name: '湖州', value: [119.873663, 30.743058, 150] },

                        { name: '杭州', value: [119.476498, 29.898918, 150] },

                        { name: '绍兴', value:[120.640933, 29.732893, 80] },
                        { name: '金华', value: [119.957007, 29.115117, 80] },
                        { name: '台州', value: [121.136679, 28.757098, 60] },
                        { name: '丽水', value: [119.517145, 28.197644, 60] },
                        { name: '舟山', value: [122.146805, 30.056563, 50] },

                      ]
                    }


                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            // myMap.on("timelinechanged",function(timeLineIndex){
            //   let index=timeLineIndex.currentIndex
            //
            //   if(index==0){
            //     that.currentData=that.jiangsuData[0].data
            //   }else if(index==1){
            //     that.currentData=that.jiangsuData[1].data
            //
            //   }else{
            //     that.currentData=that.jiangsuData[2].data
            //   }
            // })

            return
          }
            if(name=="湖州市"){
            that.currentData=that.huzhouData[0].data
            that.mapTitle="湖州市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["吴兴区", "南浔区", "德清县", "长兴县", "安吉县"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 161.8,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 692,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:5761,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },






                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: '吴兴区', value:  [120.084809, 30.803331, 100] },
                        { name: '南浔区', value:    [120.305467, 30.757909, 100] },
                        { name: '德清县', value:  [120.04379, 30.56168, 150] },
                        { name: '长兴县', value:  [119.813177, 30.977111, 50] },

                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
            if(name=="杭州市"){
            that.currentData=that.hangzhouData[0].data
            that.mapTitle="杭州市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["上城区", "拱墅区", "西湖区", "滨江区", "萧山区","余杭区", "富阳区", "临安区", "钱塘区", "临平区","桐庐县","淳安县","建德市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 5379.66,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 2690.18,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },






                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: '建德市', value:   [119.372981, 29.48107, 50] },
                        { name: '临平区', value:    [120.246279, 30.430149, 100] },
                        { name: '余杭区', value:  [119.914653, 30.36723, 150] },


                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
            if(name=="绍兴市"){
            that.currentData=that.shaoxingData[0].data
            that.mapTitle="绍兴市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["越城区", "柯桥区", "上虞区", "新昌县", "诸暨市","嵊州市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 118.66,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },






                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: "越城区", value:   [120.667675, 30.039655, 100] },


                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
            if(name=="丽水市"){
            that.currentData=that.lishuiData[0].data
            that.mapTitle="丽水市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["莲都区", "青田县", "缙云县", "遂昌县", "松阳县","云和县","庆元县","景宁畲族自治县","龙泉市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 515.16,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },






                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: "莲都区", value:  [119.842776, 28.440721, 100] },


                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
            if(name=="金华市"){
            that.currentData=that.jinhuaData[0].data
            that.mapTitle="金华市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["婺城区", "金东区", "武义县", "浦江县", "磐安县","兰溪市","义乌市","东阳市","永康市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 123.1,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },






                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: "浦江县", value:  [119.903937, 29.520086, 150] },


                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
            if(name=="台州市"){
            that.currentData=that.taizhouData[0].data
            that.mapTitle="台州市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["椒江区", "黄岩区", "路桥区", "三门县", "天台县","仙居县","温岭市","临海市","玉环市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 11.2,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },






                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: "仙居县", value:  [120.634355, 28.73327, 50] },
                        { name: "玉环市", value:  [121.257196, 28.169948, 150] },


                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }

            if(name=="舟山市"){
            that.currentData=that.zhoushanData[0].data
            that.mapTitle="舟山市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["定海区", "普陀区", "岱山县", "嵊泗县",]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },







                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: "定海区", value:  [122.109143, 30.07103, 50] },



                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }

           if(name=="上海"){
            that.currentData=that.shanghaiData[0].data
            that.mapTitle="上海市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: false,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },

                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,

                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },
                // 特定区域设置颜色
                regions:[
                  {
                    name:"上海市",
                    itemStyle:{
                      areaColor:"#30AED4",
                      color:"white"
                    }
                  },
                  {
                    name:"江苏省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"安徽省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"浙江省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"山东省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                ]

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                type: "value",
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                show: true,
                inverse:true,
                type: "category",
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["黄浦区", "徐汇区", "长宁区", "静安区", "普陀区","虹口区","杨浦区","闵行区","宝山区","嘉定区","浦东新区","金山区","松江区","青浦区","奉贤区","崇明区"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },

              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 489.2,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },

                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [
                        { name: '普陀区', value: [121.392042, 31.257895, 150] },


                      ]
                    }


                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            // myMap.on("timelinechanged",function(timeLineIndex){
            //   let index=timeLineIndex.currentIndex
            //
            //   if(index==0){
            //     that.currentData=that.jiangsuData[0].data
            //   }else if(index==1){
            //     that.currentData=that.jiangsuData[1].data
            //
            //   }else{
            //     that.currentData=that.jiangsuData[2].data
            //   }
            // })

            return
          }

           if(name=="山东"){
            that.currentData=that.shandongData[0].data
            that.mapTitle="山东省"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: false,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },

                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,

                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },
                // 特定区域设置颜色
                regions:[
                  {
                    name:"上海市",
                    itemStyle:{
                      areaColor:"#30AED4",
                      color:"white"
                    }
                  },
                  {
                    name:"江苏省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"安徽省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"浙江省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"山东省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                ]

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                type: "value",
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                show: true,
                inverse:true,
                type: "category",
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["济南市", "青岛市", "淄博市", "枣庄市", "东营市","烟台市","潍坊市","济宁市","泰安市","威海市","日照市","临沂市","德州市","聊城市","滨州市","菏泽市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },

              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 65.84,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },

                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [
                        { name: '济宁市', value: [116.740918, 35.371173, 70] },



                      ]
                    }


                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            // myMap.on("timelinechanged",function(timeLineIndex){
            //   let index=timeLineIndex.currentIndex
            //
            //   if(index==0){
            //     that.currentData=that.jiangsuData[0].data
            //   }else if(index==1){
            //     that.currentData=that.jiangsuData[1].data
            //
            //   }else{
            //     that.currentData=that.jiangsuData[2].data
            //   }
            // })

            return
          }
           if(name=="济宁市"){
            that.currentData=that.jiningData[0].data
            that.mapTitle="济宁市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["任城区", "兖州区", "微山县", "鱼台县", "金乡县","嘉祥县","汶上县","泗水县","梁山县","曲阜市","邹城市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 65.84,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },






                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: '金乡县', value:  [116.309572, 35.047851, 100] },


                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
           if(name=="安徽"){
            that.currentData=that.anhuiData[0].data
            that.mapTitle="安徽省"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: false,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },

                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,

                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },
                // 特定区域设置颜色
                regions:[
                  {
                    name:"上海市",
                    itemStyle:{
                      areaColor:"#30AED4",
                      color:"white"
                    }
                  },
                  {
                    name:"江苏省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"安徽省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"浙江省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                  {
                    name:"山东省",
                    itemStyle:{
                      areaColor:"#30AED4",
                    }
                  },
                ]

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                type: "value",
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                show: true,
                inverse:true,
                type: "category",
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["合肥市", "芜湖市", "蚌埠市", "淮南市", "马鞍山市","淮北市","铜陵市","安庆市","黄山市","滁州市","阜阳市","宿州市","六安市","亳州市","池州市","宣城市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },

              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 90.54,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:12.93,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 549.95,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },

                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [
                        { name: '合肥市', value: [117.360447, 31.762594, 50] },
                        { name: '芜湖市', value: [118.13997, 31.160935, 100] },
                        { name: '黄山市', value: [118.076088, 29.904836, 100] },
                        { name: '宣城市', value: [118.857477, 30.684955, 150] },



                      ]
                    }


                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            // myMap.on("timelinechanged",function(timeLineIndex){
            //   let index=timeLineIndex.currentIndex
            //
            //   if(index==0){
            //     that.currentData=that.jiangsuData[0].data
            //   }else if(index==1){
            //     that.currentData=that.jiangsuData[1].data
            //
            //   }else{
            //     that.currentData=that.jiangsuData[2].data
            //   }
            // })

            return
          }
           if(name=="合肥市"){
            that.currentData=that.hefeiData[0].data
            that.mapTitle="合肥市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["瑶海区", "庐阳区", "蜀山区", "包河区", "长丰县","肥东县", "肥西县", "巢湖市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },







                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: '庐江县', value:   [117.326102, 31.267675, 50] },
                        { name: '巢湖市', value:    [117.723141, 31.64462, 50] },



                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
           if(name=="黄山市"){
            that.currentData=that.huangsanData[0].data
            that.mapTitle="黄山市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["屯溪区", "黄山区", "徽州区", "歙县", "休宁县","黟县", "祁门县"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 12.97,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },







                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [

                        { name: '屯溪区', value:   [118.296095, 29.739252, 50] },
                        { name: '休宁县', value:    [118.083486, 29.661006, 70] },



                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
           if(name=="芜湖市"){
            that.currentData=that.wuhuData[0].data
            that.mapTitle="芜湖市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              timeline: {
                data: ["2021", "2022", "2023"],//时间数据
                axisType: "category",//时间轴的类型
                autoPlay: true,//是否自动播放
                playInterval: 4000,//间隔3秒跳下一个节点
                left: "20%",//距离容器左边
                right: "20%",
                bottom: "2%",
                progress:{
                  label:{//滑过后文字颜色
                    color:"#fff"
                  }
                },
                label: {
                  color: "#4FA6F7",//默认文字颜色
                },
                // 悬浮时样式
                emphasis: {
                  label: {
                    color: "#05D5FF"
                  },
                  itemStyle: {//每个节点
                    color: "#fff"
                  },
                  controlStyle: {
                    color: "#fff",
                    borderColor: "#fff"
                  }
                },
                // 时间轴每个节点
                itemStyle: {
                  color: "#05D5FF"
                },
                symbolSize: 10,
                lineStyle: {
                  color: "#fff"
                },
                // 移动到当前项的样式
                checkpointStyle: {
                  color: "#05D5FF",
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                // 控制按钮
                controlStyle: {
                  showPlayBtn: true,
                  showPrevBtn: true,
                  showNextBtn: true,
                  // 默认颜色
                  color: "#05D5FF",
                  borderColor: "#05D5FF"
                }
              },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["镜湖区", "鸠江区", "弋江区", "湾沚区", "繁昌区","南陵县", "无为市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 90.54,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },







                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [


                        { name: '镜湖区', value:    [118.458877, 31.231728, 70] },



                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }
            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }
           if(name=="宣城市"){
            that.currentData=that.xuanchengData[0].data
            that.mapTitle="宣城市"
            // 重新注册地图
            echarts.registerMap(name,jsonData)
            const options={
              // timeline: {
              //   data: ["2021", "2022", "2023"],//时间数据
              //   axisType: "category",//时间轴的类型
              //   autoPlay: true,//是否自动播放
              //   playInterval: 4000,//间隔3秒跳下一个节点
              //   left: "20%",//距离容器左边
              //   right: "20%",
              //   bottom: "2%",
              //   progress:{
              //     label:{//滑过后文字颜色
              //       color:"#fff"
              //     }
              //   },
              //   label: {
              //     color: "#4FA6F7",//默认文字颜色
              //   },
              //   // 悬浮时样式
              //   emphasis: {
              //     label: {
              //       color: "#05D5FF"
              //     },
              //     itemStyle: {//每个节点
              //       color: "#fff"
              //     },
              //     controlStyle: {
              //       color: "#fff",
              //       borderColor: "#fff"
              //     }
              //   },
              //   // 时间轴每个节点
              //   itemStyle: {
              //     color: "#05D5FF"
              //   },
              //   symbolSize: 10,
              //   lineStyle: {
              //     color: "#fff"
              //   },
              //   // 移动到当前项的样式
              //   checkpointStyle: {
              //     color: "#05D5FF",
              //     borderColor: "#fff",
              //     borderWidth: 2,
              //   },
              //   // 控制按钮
              //   controlStyle: {
              //     showPlayBtn: true,
              //     showPrevBtn: true,
              //     showNextBtn: true,
              //     // 默认颜色
              //     color: "#05D5FF",
              //     borderColor: "#05D5FF"
              //   }
              // },
              geo: {
                emphasis: {
                  itemStyle: {
                    color: "#00a8ff",
                  },
                  focus: "self",
                  label: {
                    show: true,
                    color: "#fff",
                  }
                },
                layoutCenter: ['35%', '45%'],
                layoutSize: 450,
                // left:"3%",
                // top:"-18%",
                // width:"80%",
                show: true,
                map: name,
                roam: false,
                zoom: 0.8,
                // center: [113.83531246, 34.0267395887],
                // center: [104.195397, 35.86166],
                // center: [119.238684,33.800455],
                itemStyle: {
                  borderColor: "#30AED4",
                  borderWidth: 2,
                  areaColor: "rgba(4,11,61,1)"
                },
                label: {
                  show: true,
                  color: "#fff",
                  position: ['50%', '50%'],
                },

              },
              grid: {
                show: false,
                top: "10%",
                // left:"10%",
                right: "5%",
                bottom: "15%",
                width: "30%",
                containLabel: true
              },
              xAxis: {
                type: "value",
                splitLine: {
                  show: false
                },
                max: (value) => {
                  return value.max * 1.2
                },
                show: true,
                position: "top",
                scale: true,
                axisLine: {
                  show: true,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  color: "#4FA6F7",
                  margin: 8,
                  show: true
                },
                // data: ["23", "45", "69", "90", "34"]
              },
              yAxis: {
                type: "category",
                show: true,
                inverse:true,
                axisLine: {
                  show: false,
                  lineStyle: {
                    color: "#151952"
                  }
                },
                axisTick: {
                  show: false
                },
                axisLabel: {
                  show: true,
                  interval: 0,
                  color: "#4FA6F7",
                  margin: 10
                },
                data: ["宣州区", "郎溪县", "泾县", "绩溪县", "旌德县","宁国市", "广德市"]

              },
              series: [
                //系列一 条形图核心数据
                {
                  type: "bar",
                  zlevel: 1.5,
                  barWidth: "15",
                  itemStyle: {
                    borderRadius: [0, 10, 10, 0],
                    color:new echarts.graphic.LinearGradient(0,0,1,0,[
                      {
                        offset:0,
                        color:"rgba(20,36,99,0.1)"
                      },
                      {
                        offset:1,
                        color:"rgba(20,36,99,1)"
                      }
                    ])
                  },
                  // itemStyle: {
                  //     color: "#05D5FF",
                  //     borderRadius: 0,
                  //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                  //     shadowBlur: 10
                  // },
                  showBackground: true,
                  label: {
                    show: true,
                    color: "#fff",
                    position: "right"
                  },

                },
                // 系统二 散点图核心数据
                // {
                //     type: "effectScatter",
                //     coordinateSystem: "geo",
                //     effectType: "ripple",
                //     showEffectOn: "render",
                //     rippleEffect: {
                //         brushType: "stroke"
                //     },
                //     // label: {
                //     //     show: true,
                //     //     position: "inside",
                //     //     formatter: "{b}"
                //     // },
                //     itemStyle: {
                //         color: "#E4C431",
                //         shadowColor: 'rgba(0, 0, 0, 0.5)',
                //         shadowBlur: 10,

                //     },
                //     symbolSize: (val) => {
                //         return val[2] / 10
                //     },

                // }


              ],
              options: [
                // 2021年数据
                {
                  title: {
                    right: "100px",
                    text: "2024年服务总工时(百小时)",
                    textStyle: {
                      color: "#4FA6F7"
                    }
                  },
                  series: [
                    // 系列一的数据-条形
                    {
                      data: [
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 164.72,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value:0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 0,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },
                        {
                          value: 385.26,
                          itemStyle: {
                            color:new echarts.graphic.LinearGradient(0,0,1,0,[
                              {
                                offset:0,
                                color:"rgba(20,36,99,1)"
                              },
                              {
                                offset:1,
                                color:"rgba(14,139,255,1)"
                              }
                            ])
                          }
                        },







                      ],

                    },
                    // 系列二的数据-散点
                    {
                      data: [


                        { name: '广德市', value:    [119.357561, 30.886485, 150] },
                        { name: '郎溪县', value:    [119.164205, 31.093323, 100] },



                      ]
                    }
                  ]
                },
                // 2022年数据

              ]

            }

            myMap.setOption(options)
            // 监听
            //     myMap.on("timelinechanged",function(timeLineIndex){
            //     let index=timeLineIndex.currentIndex
            //
            //     if(index==0){
            //         that.currentData=that.suzhouData[0].data
            //     }else if(index==1){
            //         that.currentData=that.suzhouData[1].data
            //
            //     }else{
            //         that.currentData=that.suzhouData[2].data
            //     }
            // })
            return

          }








            // 默认地图
            that.mapTitle="全国数据"
            echarts.registerMap(name,jsonData)
            const options={
                    tooltip:{
                        enterable:true,
                        triggerOn:"mousemove",
                        textStyle:{
                            color:"#fff"
                        },
                        backgroundColor:"rgba(50,50,50,0.2)",
                        borderColor:"#0e83f3",
                        trigger:"item",
                        axisPointer:{
                            type:"none",

                        },

                    },
                    timeline: {
                        data: ["2021", "2022", "2023"],//时间数据
                        axisType: "category",//时间轴的类型
                        autoPlay: false,//是否自动播放
                        show:false,
                        playInterval: 4000,//间隔3秒跳下一个节点
                        left: "20%",//距离容器左边
                        right: "20%",
                        bottom: "2%",
                        progress:{
                            label:{//滑过后文字颜色
                                color:"#fff"
                            }
                        },
                        label: {
                            color: "#4FA6F7",//默认文字颜色
                        },
                        // 悬浮时样式
                        emphasis: {
                            label: {
                                color: "#05D5FF"
                            },
                            itemStyle: {//每个节点
                                color: "#fff"
                            },
                            controlStyle: {
                                color: "#fff",
                                borderColor: "#fff"
                            }
                        },
                        // 时间轴每个节点
                        itemStyle: {
                            color: "#05D5FF"
                        },
                        symbolSize: 10,
                        lineStyle: {
                            color: "#fff"
                        },
                        // 移动到当前项的样式
                        checkpointStyle: {
                            color: "#05D5FF",
                            borderColor: "#fff",
                            borderWidth: 2,
                        },
                        // 控制按钮
                        controlStyle: {
                            showPlayBtn: true,
                            showPrevBtn: true,
                            showNextBtn: true,
                            // 默认颜色
                            color: "#05D5FF",
                            borderColor: "#05D5FF"
                        }
                    },
                    geo: {
                        tooltip:{
                            show:true,
                            trigger:"item",
                            formatter:function(params){
                                    if(params.name=="江苏"){
                                        return `${params.name}省
                                            <br/>养老机构:4家
                                            <br/>服务站点:98个
                                            <br/>服务老人:185706名
                                            <br/>服务人员:2447名
                                            <br/>服务工单:599983单
                                            <br/>服务总工时:121万6548.58小时
                                            <br/>月平均工时:30.4137万小时
                                           `
                                    }
                                   else if(params.name=="浙江"){
                                    return `${params.name}省
                                                <br/>养老机构:4家
                                                <br/>服务站点:325个
                                                <br/>服务老人:142046名
                                                <br/>服务人员:1225名
                                                <br/>服务工单:221772单
                                                <br/>服务总工时:154万5275.23小时
                                                <br/>月平均工时:30.9055万小时
                                               `
                                  }

                                    else if(params.name=="山东"){
                                        return `${params.name}省
                                            <br/>养老机构:0家
                                            <br/>服务站点:1个
                                            <br/>服务老人:6名
                                            <br/>服务人员:226名
                                            <br/>服务工单:6584单
                                            <br/>服务总工时:6584小时
                                            <br/>月平均工时:1316.8小时
                                           `
                                    }

                                    else if(params.name=="安徽"){
                                        return `${params.name}省
                                            <br/>养老机构:3家
                                            <br/>服务站点:13个
                                            <br/>服务老人:9592名
                                            <br/>服务人员:147名
                                            <br/>服务工单:30492单
                                            <br/>服务总工时:6万4052小时
                                            <br/>月平均工时:1万2810小时
                                           `
                                    }

                                    else if(params.name=="上海"){
                                        return `${params.name}市
                                            <br/>养老机构:0家
                                            <br/>服务站点:1个
                                            <br/>服务老人:63名
                                            <br/>服务人员:238名
                                            <br/>服务工单:30156单
                                            <br/>服务总工时:4万8920小时
                                            <br/>月平均工时:9784小时
                                           `
                                    } else {

                                      // return params.name;
                                    }



                                }
                        },
                        emphasis: {
                            itemStyle: {
                                color: "#245ca9",
                            },
                            focus: "self",
                            label: {
                                show: true,
                                color: "#fff",
                            }
                        },
                        layoutCenter: ['35%', '58%'],
                        layoutSize: 640,
                        // left:"3%",
                        // top:"-18%",
                        // width:"80%",
                        show: true,
                        map: "china",
                        roam: false,
                        zoom: 0.8,
                        // center: [113.83531246, 34.0267395887],
                        // center: [104.195397, 35.86166],
                        // center: [119.238684,33.800455],
                        itemStyle: {
                            borderColor: "#30AED4",
                            borderWidth: 2,
                            areaColor: "rgba(4,11,61,1)"
                        },
                        label: {
                            show: true,
                            color: "#fff",
                            position: ['50%', '50%'],
                        },
                        // 特定区域设置颜色
                        regions:[
                            {
                                name:"上海市",
                                itemStyle:{
                                    areaColor:"#245ba8",
                                    // color:"#ff4757"
                                }
                            },
                            {
                                name:"江苏省",
                                itemStyle:{
                                    areaColor:"#245ba8",
                                }
                            },
                            {
                                name:"安徽省",
                                itemStyle:{
                                    areaColor:"#245ba8",
                                }
                            },
                            {
                                name:"浙江省",
                                itemStyle:{
                                    areaColor:"#245ba8",
                                }
                            },
                          {
                            name:"山东省",
                            itemStyle:{
                              areaColor:"#245ba8",
                            }
                          },

                        ]

                    },
                    grid: {
                        show: false,
                        top: "10%",
                        // left:"10%",
                        right: "5%",
                        bottom: "40%",
                        width: "30%",
                        containLabel: true
                    },
                    xAxis: {
                        splitLine: {
                            show: false
                        },
                        splitNumber:2,
                        max: (value) => {
                            return value.max * 1.2
                        },
                        show: true,
                        type: "value",
                        position: "top",
                        scale: true,
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: "#151952"
                            }
                        },
                        axisTick: {
                            show: false
                        },
                        axisLabel: {
                            color: "#4FA6F7",
                            margin: 8,
                            show: true
                        },
                    },
                    yAxis: {
                        show: true,
                        inverse:true,
                        type: "category",
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: "#151952"
                            }
                        },
                        axisTick: {
                            show: false
                        },
                        axisLabel: {
                            show: true,
                            interval: 0,
                            color: "#4FA6F7",
                            margin: 10
                        },
                        data: ["浙江省", "江苏省",  "安徽省","上海市","山东省"]

                    },
                    series: [
                        //系列一 条形图核心数据
                        {
                            type: "bar",
                            zlevel: 1.5,
                            barWidth: "15",
                            itemStyle: {
                                borderRadius: [0, 10, 10, 0],
                                color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                    {
                                        offset:0,
                                        color:"rgba(20,36,99,0.1)"
                                    },
                                    {
                                        offset:1,
                                        color:"rgba(20,36,99,1)"
                                    }
                                ])
                            },
                            // itemStyle: {
                            //     color: "#05D5FF",
                            //     borderRadius: 0,
                            //     shadowColor: 'rgba(0, 0, 0, 0.5)',
                            //     shadowBlur: 10
                            // },
                            showBackground: true,
                            label: {
                                show: false,
                                color: "#fff",
                                position: "right"
                            },

                        },
                        // 系统二 散点图核心数据
                        {
                            type: "effectScatter",
                            coordinateSystem: "geo",
                            effectType: "ripple",
                            showEffectOn: "render",
                            rippleEffect: {
                                brushType: "stroke"
                            },
                            // label: {
                            //     show: true,
                            //     position: "inside",
                            //     formatter: "{b}"
                            // },
                            itemStyle: {
                                color: "#f1ee51",
                                shadowColor: 'rgba(0, 0, 0, 0.5)',
                                shadowBlur: 10,

                            },
                            symbolSize: (val) => {
                                return val[2] / 10
                            },

                        }


                    ],
                    options: [
                        // 2021年数据
                        {
                            title: {
                                right: "100px",
                                text: "2024年服务总工时(百小时)",
                                textStyle: {
                                    color: "#4FA6F7"
                                }
                            },
                            series: [
                                // 系列一的数据-条形
                                {
                                    data: [
                                        {
                                            value: 15452.75,
                                            itemStyle: {
                                                color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                    {
                                                        offset:0,
                                                        color:"rgba(20,36,99,1)"
                                                    },
                                                    {
                                                        offset:1,
                                                        color:"rgba(14,139,255,1)"
                                                    }
                                                ])
                                            }
                                        },
                                        {
                                            value: 12165.49,
                                            itemStyle: {
                                                color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                    {
                                                        offset:0,
                                                        color:"rgba(20,36,99,1)"
                                                    },
                                                    {
                                                        offset:1,
                                                        color:"rgba(14,139,255,1)"
                                                    }
                                                ])
                                            }
                                        },
                                        {
                                            value: 653.45,
                                            itemStyle: {
                                                color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                    {
                                                        offset:0,
                                                        color:"rgba(20,36,99,1)"
                                                    },
                                                    {
                                                        offset:1,
                                                        color:"rgba(14,139,255,1)"
                                                    }
                                                ])
                                            }
                                        },
                                        {
                                            value: 489.2,
                                            itemStyle: {
                                                color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                                    {
                                                        offset:0,
                                                        color:"rgba(20,36,99,1)"
                                                    },
                                                    {
                                                        offset:1,
                                                        color:"rgba(14,139,255,1)"
                                                    }
                                                ])
                                            }
                                        },
                                      {
                                        value: 65.84,
                                        itemStyle: {
                                          color:new echarts.graphic.LinearGradient(0,0,1,0,[
                                            {
                                              offset:0,
                                              color:"rgba(20,36,99,1)"
                                            },
                                            {
                                              offset:1,
                                              color:"rgba(14,139,255,1)"
                                            }
                                          ])
                                        }
                                      },

                                    ],

                                },
                                // 系列二的数据-散点
                                {
                                    data:[
                                        {
                                            name: "江苏",
                                            value: [119.274329,33.715694, 100]
                                        },
                                        {
                                            name: "浙江",
                                            value: [120.533232,28.479655, 100]
                                        },
                                        {
                                            name: "安徽",
                                            value: [117.283042, 31.86119, 70]
                                        },
                                        {
                                            name: "上海",
                                            value: [121.472644, 31.231706, 40]
                                        },
                                      {
                                        name: "山东",
                                        value: [118.187759, 36.376092, 40]
                                      },

                                    ]
                                }


                            ]
                        },
                        // // 2022年数据
                        // {
                        //     title: {
                        //         right: "100px",
                        //         text: "2022年服务总工时(百小时)",
                        //         textStyle: {
                        //             color: "#4FA6F7"
                        //         }
                        //     },
                        //     series: [
                        //         {
                        //             data: [
                        //                 {
                        //                     value: 132798,
                        //                     itemStyle: {
                        //                         color:new echarts.graphic.LinearGradient(0,0,1,0,[
                        //                             {
                        //                                 offset:0,
                        //                                 color:"rgba(20,36,99,1)"
                        //                             },
                        //                             {
                        //                                 offset:1,
                        //                                 color:"rgba(14,139,255,1)"
                        //                             }
                        //                         ])
                        //                     }
                        //                 },
                        //                 {
                        //                     value: 164967,
                        //                     itemStyle: {
                        //                         color:new echarts.graphic.LinearGradient(0,0,1,0,[
                        //                             {
                        //                                 offset:0,
                        //                                 color:"rgba(20,36,99,1)"
                        //                             },
                        //                             {
                        //                                 offset:1,
                        //                                 color:"rgba(14,139,255,1)"
                        //                             }
                        //                         ])
                        //                     }
                        //                 },
                        //                 {
                        //                     value: 16739,
                        //                     itemStyle: {
                        //                         color:new echarts.graphic.LinearGradient(0,0,1,0,[
                        //                             {
                        //                                 offset:0,
                        //                                 color:"rgba(20,36,99,1)"
                        //                             },
                        //                             {
                        //                                 offset:1,
                        //                                 color:"rgba(14,139,255,1)"
                        //                             }
                        //                         ])
                        //                     }
                        //                 },
                        //                 {
                        //                     value: 33478,
                        //                     itemStyle: {
                        //                         color:new echarts.graphic.LinearGradient(0,0,1,0,[
                        //                             {
                        //                                 offset:0,
                        //                                 color:"rgba(20,36,99,1)"
                        //                             },
                        //                             {
                        //                                 offset:1,
                        //                                 color:"rgba(14,139,255,1)"
                        //                             }
                        //                         ])
                        //                     }
                        //                 },
                        //
                        //             ]
                        //         },
                        //         {
                        //             data:[
                        //                 {
                        //                     name: "江苏",
                        //                     value: [119.274329,33.715694, 100]
                        //                 },
                        //                 {
                        //                     name: "浙江",
                        //                     value: [120.533232,28.479655, 100]
                        //                 },
                        //                 {
                        //                     name: "安徽",
                        //                     value: [117.283042, 31.86119, 50]
                        //                 },
                        //                 {
                        //                     name: "上海",
                        //                     value: [121.472644, 31.231706, 30]
                        //                 },
                        //
                        //             ]
                        //         }
                        //
                        //     ]
                        // },
                        // // 2023年数据
                        // {
                        //     title: {
                        //         right: "100px",
                        //         text: "2023年服务总工时(百小时)",
                        //         textStyle: {
                        //             color: "#4FA6F7"
                        //         }
                        //     },
                        //     series: [
                        //         {
                        //             data: [
                        //                 {
                        //                     value: 117175,
                        //                     itemStyle: {
                        //                         color:new echarts.graphic.LinearGradient(0,0,1,0,[
                        //                             {
                        //                                 offset:0,
                        //                                 color:"rgba(20,36,99,1)"
                        //                             },
                        //                             {
                        //                                 offset:1,
                        //                                 color:"rgba(14,139,255,1)"
                        //                             }
                        //                         ])
                        //                     }
                        //                 },
                        //                 {
                        //                     value: 145559,
                        //                     itemStyle: {
                        //                         color:new echarts.graphic.LinearGradient(0,0,1,0,[
                        //                             {
                        //                                 offset:0,
                        //                                 color:"rgba(20,36,99,1)"
                        //                             },
                        //                             {
                        //                                 offset:1,
                        //                                 color:"rgba(14,139,255,1)"
                        //                             }
                        //                         ])
                        //                     }
                        //                 },
                        //                 {
                        //                     value: 20924,
                        //                     itemStyle: {
                        //                         color:new echarts.graphic.LinearGradient(0,0,1,0,[
                        //                             {
                        //                                 offset:0,
                        //                                 color:"rgba(20,36,99,1)"
                        //                             },
                        //                             {
                        //                                 offset:1,
                        //                                 color:"rgba(14,139,255,1)"
                        //                             }
                        //                         ])
                        //                     }
                        //                 },
                        //                 {
                        //                     value: 41848,
                        //                     itemStyle: {
                        //                         color:new echarts.graphic.LinearGradient(0,0,1,0,[
                        //                             {
                        //                                 offset:0,
                        //                                 color:"rgba(20,36,99,1)"
                        //                             },
                        //                             {
                        //                                 offset:1,
                        //                                 color:"rgba(14,139,255,1)"
                        //                             }
                        //                         ])
                        //                     }
                        //                 },
                        //
                        //             ]
                        //         },
                        //         {
                        //             data:[
                        //                 {
                        //                     name: "江苏",
                        //                     value: [119.274329,33.715694, 100]
                        //                 },
                        //                 {
                        //                     name: "浙江",
                        //                     value: [120.533232,28.479655, 100]
                        //                 },
                        //                 {
                        //                     name: "安徽",
                        //                     value: [117.283042, 31.86119, 50]
                        //                 },
                        //                 {
                        //                     name: "上海",
                        //                     value: [121.472644, 31.231706, 30]
                        //                 },
                        //
                        //             ]
                        //         }
                        //
                        //     ]
                        // },
                    ]

            }
            myMap.clear()
            myMap.setOption(options)
            // 监听时间轴的改变事件
            // myMap.on("timelinechanged",function(timeLineIndex){
            //
            //     let index=timeLineIndex.currentIndex
            //
            //     // console.log(typeof index == "number");
            //     if(index==0){
            //         that.currentData=that.nationData[0].data
            //     }else if(index==1){
            //         that.currentData=that.nationData[1].data
            //
            //     }else{
            //         that.currentData=that.nationData[2].data
            //
            //     }
            // })
            myMap.off('click');
            // 监听点击事件
            myMap.on("click",function(e){

                for(let item in cityMap){
                    if(item===e.name){
                        // console.log(item,"<<<=== item",cityMap[item]);
                        const adcode=import(`../../../assets/mapData/${cityMap[item]}.json`)
                        adcode.then((res)=>{
                            console.log(res,"<<< res");
                            that.renderMap(item,res,myMap)
                        }).catch((error)=>{
                            // console.log(error,"error");
                        })

                    }
                }
            })

        },

    }
}
</script>

<style lang="scss" scoped>

.map-box{
    box-sizing: border-box;
    height:calc(100% - 25%);
    // border: 1px solid orange;
    // background-color: rgba(148, 140, 219,0.4);
    // background-color: pink;
}

#map{
    width: 100%;
    height: 100%;
    // border: 1px solid red;
}

.return-btn{
    color:#0e83f3;
    position: absolute;
    top: 160px;
    left: 10px;
    z-index: 9999;
}

.return-btn:hover{
    color:#74b9ff;
}


.nationwide-box{
    box-sizing: border-box;
    height: 20%;
    // border: 1px solid red;
}

.text-box{
        margin-top: 29px;
        margin-left: 22px;
    & span{
        color: #1CDBFE;
        font-size: 22px;
        font-family: "SourceHanSansCN-Normal";

    }
}

.icon-box{
    margin: 0 0px 0 0px;
    display: flex;
    box-sizing: border-box;
    flex-direction: row;
    &>div{
        flex: 1;
        height: 90px;
        // border: 1px solid greenyellow;
        display: flex;
        flex-direction: column;
        // align-items: flex-end;
    }

}

.icon-wrap{
    margin-left: 30px;
    margin-top:30px;
    & div:last-child{
        color:#4FA6F7;
        font-size: 19px;

    };
    & div:first-child{
        font-size: 31px;
        font-family: dpFont;
    }
}

#icon-home{
    color: #0E8BFF;
    &::before{
        content: "";
        position: absolute;
        top: 0;
        left: -30%;
        width: 46px;
        height: 46px;
        background: url(../../../assets/icons/home.png);
        background-size: contain;
    }
}

#icon-point{
    color: #1CDBFE;
    &::before{
        content: "";
        position: absolute;
        top: 0px;
        left:-30%;
        width: 46px;
        height: 46px;
        background: url(../../../assets/icons/point.png);
        background-size: contain;
    }

}


#icon-oldman{
    color: #FB9A44;
    &::before{
        content: "";
        position: absolute;
        top: 0;
        left:-30%;
        width: 46px;
        height: 46px;
        background: url(../../../assets/icons/oldman.png);
        background-size: contain;
    }

}


#icon-server{
    color: #E4C431;
    &::before{
        content: "";
        position: absolute;
        top: 0;
        left: -30%;
        width: 46px;
        height: 46px;
        background: url(../../../assets/icons/server.png);
        background-size: contain;
    }

}

#icon-order{
    // border: 1px solid red;
    color: #0DDE9C;
    &::before{
        content: "";
        position: absolute;
        top: 0;
        left: -26%;
        width: 46px;
        height: 46px;
        background: url(../../../assets/icons/order.png);
        background-size: contain;
    }

}

.icon-wrap-care{
    // border: 1px solid red;
    transform: translate(40%,40%);
    & div:last-child{
        color:#4FA6F7;
        font-size: 19px;

    };
    & div:first-child{
        font-size: 28px;
        font-family: dpFont;
    }
}

.icon-wrap-point{
    transform: translate(35%,40%);
    & div:last-child{
        color:#4FA6F7;
        font-size: 19px;

    };
    & div:first-child{
        font-size: 28px;
        font-family: dpFont;
    }

}

.icon-wrap-oldman{
    transform: translate(30%,40%);
    & div:last-child{
        color:#4FA6F7;
        font-size: 19px;

    };
    & div:first-child{
        font-size: 28PX;
        font-family: dpFont;
    }

}

.icon-wrap-server{
    transform: translate(30%,40%);
    & div:last-child{
        color:#4FA6F7;
        font-size: 19px;

    };
    & div:first-child{
        font-size: 28PX;
        font-family: dpFont;
    }

}

.icon-wrap-order{
    transform: translate(15%,40%);
    & div:last-child{
        color:#4FA6F7;
        font-size: 19px;

    };
    & div:first-child{
        font-size: 28PX;
        font-family: dpFont;
    }

}

.title-text:hover{
    cursor: pointer;

}

</style>
